<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>摄影·开课吧</title>
    <link rel="stylesheet" type="text/css" href="css/video.css">
</head>

<body>
    <!--head begin-->
    <header id="head">
        <div class="con">
            <ul class="left">
                <li>开课吧首页</li>
                <li>创业微学院</li>
                <li>摄影微学院</li>
                <li>微聚</li>
                <li>论坛</li>
            </ul>
            <ul class="right">
                <li>APP下载</li>
                <li>播放记录</li>
                <li><a href="register.html">登录 | 注册</a></li>
            </ul>
        </div>
    </header>
    <!--head end-->
    <!--nav begin-->
    <nav>
        <div class="nav_in">
            <ul>
                <li><a href="index.html"></a></li>
                <li><a href="user.html">个人中心</a></li>
                <li><a href="video.html">视频播放</a></li>
            </ul>
            <ol>
                <li>&#xe65e;</li>
                <li>&#xe608;</li>
                <li>&#xf012a;</li>
                <li>&#xe68e;</li>
            </ol>
        </div>
    </nav>
    <!--nav end-->
    <!--content begin-->
    <!-- InstanceBeginEditable name="EditRegion3" -->
    <div class="content">
        <p>摄影首页>摄影器材>手机</p>
        <p>正在播放 : 初学者怎么挑选镜头</p>
        <video src="video/video.webm" controls></video>
        <a href="#">1212</a>
        <a href="#">收藏</a>
        <a href="#">分享</a>
        <h3>12.5万次播放</h3>
    </div>
    <div class="list">
        <div class="left">
            <p>选集-共24集</p>
            <a href="#"><img class="findIn" src="images/pic08_8.jpg"></a>
            <a href="#"><img src="images/pic09_9.jpg"></a>
            <a href="#"><img src="images/pic10_10.jpg"></a>
            <a href="#"><img src="images/pic11_11.jpg"></a>
            <p>相关视频</p>
            <a href="#"><img src="images/pic08_8.jpg"></a>
            <a href="#"><img src="images/pic09_9.jpg"></a>
            <a href="#"><img src="images/pic10_10.jpg"></a>
            <a href="#"><img src="images/pic11_11.jpg"></a>
            <a href="#"><img src="images/pic08_8.jpg"></a>
            <a href="#"><img src="images/pic09_9.jpg"></a>
            <a href="#"><img src="images/pic10_10.jpg"></a>
            <a href="#"><img src="images/pic11_11.jpg"></a>
            <p>评论：</p>
            <div class="last">
                <form action="#" method="post">
                    <textarea cols="30" rows="10">我来说两句....</textarea>
                </form>
                <span>发表评论</span>
            </div>
        </div>
        <div class="right">
            <p>视频信息</p>
            <section>
                <h3>初学者怎么挑选镜头</h3>
                <p>简介：初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头初学者怎么挑选镜头</p>
                <span>详情></span>
            </section>
            <p>精选活动</p>
            <img src="images/pic12.jpg">
            <img src="images/pic13.jpg">
            <img src="images/pic12.jpg">
        </div>
    </div>
    <!--content end-->
    <!--footer begin-->
    <footer>
        <div class="foot">
            <a href="#head"><span>Top</span></a>
            <p>Copyright©2015 开课吧 push.dushare.com.cn 版权所有</p>
        </div>
    </footer>
    <!--footer end-->
</body>

</html>